<?xml version="1.0" encoding="UTF-8"?>
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" 
"http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml"   
      xmlns:ui="http://java.sun.com/jsf/facelets"
      xmlns:h="http://java.sun.com/jsf/html" >
   <body>
	    <ui:composition>
	    	<h:form id="frmSidebar">
				<div id="sidebar">
						<h:panelGrid id="signup_bar" columns="2"  >
							<h:panelGroup>
								<h:outputText style="vertical-align: middle ;" value="Become a member" ></h:outputText>
							</h:panelGroup>
							<h:panelGroup>
								<h:graphicImage url="../resources/images/signup_arrow.jpg" alt="->" ></h:graphicImage>
							</h:panelGroup>
						</h:panelGrid>
						
						<div id="side_login" >
							<div id="loginSide_topBar" >
								<h:outputText style="color:threeddarkshadow" value="Login" ></h:outputText>
							</div>
							<h:panelGrid >
								<h:panelGroup>
								   		<h:panelGrid columns="2" >
										   <h:panelGroup>
										   		<h:outputLabel value="#{msg.mobileNumber}" />
										   		<!-- <label  for="j_username">
												<h:outputText  value="#{msg.mobileNumber}" ></h:outputText>
												</label> -->
											</h:panelGroup>
											<h:panelGroup>
												<h:inputText  style="width:80px;" value="#{loginBean.mobNr}"  ></h:inputText>
											</h:panelGroup>
											<h:panelGroup>
												<h:outputLabel value="#{msg.password}" />
											</h:panelGroup>
											<h:panelGroup>
													<h:inputSecret style="width:80px;"   value="#{loginBean.pwd}"  />
											</h:panelGroup>
											
										</h:panelGrid>
								   </h:panelGroup>	
									<h:panelGroup>
										<h:outputText id="loginFail" styleClass="required" value="#{loginBean.loginFailMsg}" />
										
									</h:panelGroup>
									<h:panelGroup >
												<h:commandButton style="width:70px; "  value="#{msg.login}" action="#{loginBean.login}"  ></h:commandButton>
									</h:panelGroup>
									<br></br>
									<h:panelGroup >
											<h:link value="#{msg.forgetPassword}" outcome="forgetPassword.xhtml" ></h:link>
									</h:panelGroup>
									<h:panelGroup >
											<h:link  value="#{msg.signUpLogin}" outcome="signup.xhtml" ></h:link>
									</h:panelGroup>
							</h:panelGrid>
						</div>
					</div>
			</h:form>
	    </ui:composition>
    </body>
</html>